<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>记录</title>
    <script src="./lib/jquery/jquery.min.js"></script>


    <link rel="stylesheet" type="text/css" href="css1/table.css" />
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
        }

        .input-container {
            margin: 20px;
        }

        form {
            display: flex;
            align-items: center;
        }

        select, input[type='text'], input[type='submit'], a {
            padding: 10px;
            margin-right: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        select {
            width: 100px;
        }

        input[type='text'] {
            flex: 1;
        }

        input[type='submit'] {
            background-color: #4caf50;
            color: #fff;
            cursor: pointer;
        }

        a {
            text-decoration: none;
            color: #333;
        }
    </style>
</head>
<body>
<center><h1>查询界面</h1></center>
<div class="input-container">
    <td style='border:0px'><form action='searchEvent.html' method='post'>
        <select name='type'>
            <option value='date'>时 间</option>
            <option value='event'>事 件</option>
        </select>
        <input type='text' name='key'/>&nbsp;&nbsp;<input type='submit' value='查 询'>     <a href="main.html">显示全部</a></form>

    </td>
</div>
<button  type="submit" onclick="addevent"><a href="addevent.html">添加</a></button>

<div id ="eventView" ></div>






</body>
</html>
